document.write("<script language=\"javascript\" src=\"js_src/main.js\"></script>");
function login() {
	Ext.QuickTips.init(); // 用于提示
	Ext.form.Field.prototype.msgTarget = 'side';

	var btnsubmitclick = function() {
		if (form.getForm().isValid()) {
			// ajax提交登录信息
			form.getForm().submit({
				url : 'login',
				method : 'POST',
				waitTitle : '提示',
				waitMsg : '正在提交数据',
				success : function(form, action) {
					// 登录成功切换页面
					show_main_page(win);
				},
				failure : function(form, action) {
					Ext.MessageBox.alert('提示', '登录失败');
				}
			});
		}
	}

	var btnresetclick = function() {
		form.getForm().reset();
	}

	var btnsubmit = new Ext.Button({
		text : '提交',
		handler : btnsubmitclick
	});

	var btnreset = new Ext.Button({
		text : "重置",
		listeners : {
			'click' : btnresetclick
		}
	})

	var txtusername = new Ext.form.TextField({
		width : 200,
		// height: 20,
		allowBlank : false,
		maxLength : 20,
		name : 'username',
		fieldLabel : '用户名称',
		blankText : '请输入用户名',
		maxLengthText : '用户名不能超过20个字符'
	});

	var txtpassword = new Ext.form.TextField({
		width : 200,
		// height: 20,
		allowBlank : false,
		maxLength : 20,
		inputType : 'password',
		name : 'password',
		fieldLabel : '密码',
		blankText : '请输入密码',
		maxLengthText : '密码不能超过20个字符'
	});

	var txtcheckcode = new Ext.form.TextField({
		fieldLabel : '验证码',
		id : 'checkcode',
		allowBlank : false,
		width : 200,
		height : 20,
		blankText : '请输入验证码',
		maxLength : 4,
		maxLengthText : '验证码不能超过4个字符'
	});

	var form = new Ext.form.FormPanel({
		frame : true,
		title : "输入用户名和密码",
		style : "margin:10px",
		buttonAlign : 'left',
		// html:"<div style='padding:10px'>这里表单内容</div>",
		bodyStyle : 'padding:6px 0px 0px 15px',
		items : [ txtusername, txtpassword, txtcheckcode ],
		buttons : [ btnsubmit, btnreset ],
		labelAlign : 'right',
		labelWidth : 45,
	});

	var win = new Ext.Window({
		title : '登录验证',
		width : 476,
		height : 374,
		resizable : true,
		modal : true,
		closable : true,
		maximizable : true,
		minimizable : true,
		items : form
	});
	win.show();

	// 创建验证码
	var checkcode = Ext.getDom('checkcode-bodyEl');
	var checkImage = Ext.get(checkcode.parentNode);
	checkImage.createChild({
		tag : 'img',
		src : 'image/checkImage.png',
		align : 'absbottom',
		height : 20
	});
}